:root {

--font: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;

--base-color: #1A4E64;



--base-text-color: #fff;


--footer-color: #3C3C3C;


--footer-text-color: #fff;


--button-color: #4FAB2A;


--button-hover-color: hsl(from var(--button-color) h s calc(l - 5));


--button-text-color: #fff;


--header-color: #fefefe;


--header-text-color: #333;

--clear-filters-display-text: inline-block;


--clear-filters-display-icon: inline-block;

}

	.es-clear-all-filters-button .button-text {
	display: var(--clear-filters-display-text);
	}

	.es-clear-all-filters-button .button-icon {
	display: var(--clear-filters-display-icon);
	}

* =====================================
			General Styles
===================================== */

/* Colors */

body, span, font {color:#474747!important}
#body { background-color: #ffffff; }
h1,h2,h3,h4 {color:#1A4E64;font-weight: 600;}

/* Fonts */

@font-face {
    font-family: 'circular-bold';
    src: url('/fileupload/CirPro-Bold.woff2') format('woff2'),
         url('/fileupload/CirPro-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'circular-medium';
    src: url('/fileupload/CirPro-Medium.woff2') format('woff2'),
         url('/fileupload/CirPro-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'circular-book';
    src: url('/fileupload/CirrPro-Book.woff2') format('woff2'),
         url('/fileupload/CirrPro-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'circular-bookitalic';
    src: url('/fileupload/CirPro-BookItalic.woff2') format('woff2'),
         url('/fileupload/CirPro-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Punkt */


/* =====================================
			Menu Styles
===================================== */


/* Desktop Menu */

.header-wrapper .header-logo {
    max-width: 80%;
}

.menu-bar-items {background: #F4F4F4;}
.menu-bar { background-color: #FFFFFF!important;}
.menu-bar-desktop-menu a {color:#1A4E64; font-weight:600;}
.menu-bar-desktop-products-menu-label {color:#1A4E64; font-weight:600;font-size:16px;}
.menu-bar-item-label, .menu-bar-item-label a  { color: #1A4E64!important; font-weight:600; }
.menu-bar-desktop-products-menus {background-color: #f4f4f4;overflow-y:hidden; height:850px; overflow:scroll;}
.menu-bar-desktop-products-menu {padding:18px;margin-top:-10px;margin-bottom:10px;}
.menu-bar-desktop-products-menu:hover {background: #fff;
    box-shadow: 2px 10px 11px 0 rgba(0, 0, 0, 0.05)}
.menu-bar-desktop-products-menus {
    background-color: #f4f4f4;
    overflow-y: scroll;
    overflow-x: hidden;
    height: inherit;
}
.menu-bar-desktop-categories-menu-item.active, .menu-bar-desktop-categories-menu-item { background-color: #F4F4F4!important; 
}
.menu-bar-desktop-categories-menu-item.active:after {display:none;}
.menu-bar-desktop-products-menu-item:hover {opacity:0.7!important;color:#474747}
.menu-bar-desktop-categories-menu-item a {color:#474747; font-weight:600;}
.menu-bar-desktop-categories-menu-item.active>a {
    color: #1A4E64!important;
}
.menu-bar-desktop-categories-menu-item:hover>a, .menu-bar-desktop-categories-menu-item.active>a {
    color: #1A4E64!important;
}
.menu-bar-desktop-categories-menu-item.active:after {border-right: 10px solid #1A4E64;}
.menu-bar-desktop-products-menu-label {border-bottom: none!important;}
.menu-bar-desktop-categories-menu-item { border-bottom: 1px solid #fff;}
.menu-bar-desktop-products-menu-show-more { display: block; font-size: .75rem; }
.fa-user {color:#474747!important;}
.desktop h4 {color:#1A4E64;}
.desktop a {color:#474747}

.greysection {background-color:#232222;}
.greysection a {color:#ffffff;}

/* Opacity Background*/
.opacityBackgroundDesktop { height: 99%; width: 100%; background: black; z-index: 2;  position: absolute; opacity: .2; margin-top: -210px; }


/* Resource Menu */

/* Media Query*/
@media (min-width: 1024px){
.header-wrapper .header-logo {
    margin: 64px 0 -31px 0;
    width: 300px;
    height: 90px;
}
}



/* =====================================
			Front Page Styles
===================================== */

/* Text */
.price  {
    color: #1A4E64;
}
/* Buttons */
.buy-button, .minibasket-icon { background-color: #1A4E64!important; }
/* Punkt */

/* Punkt */




/* =====================================
			Product Page Styles
===================================== */


/* Punkt */

/* Punkt */

/* Accordion */
.product-card-tabs .accordion-title {
    padding: 12px 19px;
    border-bottom: 1px solid #fff;
    /*background-image: url(/fileupload/bakgrund_PPT-400x283.jpg);*/
	color:#1A4E64;
    background-size: cover;
    /*color: #fff;*/
	font-weight:700;
}
.fa-plus:before { content: "\f067"; /*color: #ffffff!important;*/ color:#1A4E64; }
.fa-minus:before { color:#1A4E64; /*color:#ffffff;*/ }
.accordion {background:#f3f4f6;}
.accordion-content {background-color:#f3f4f6!important;}
.ccs-ds-extendedSpec-header {background:none!important;}
.ccs-ds-extendedSpec-body table td {border-bottom:none!important;}
table tbody, table tfoot, table thead { border: none!important; background-color: #f3f4f6!important;}
table tbody tr:nth-child(even) {background-color: #f3f4f6;}
.ccs-ds-mainSpec-area table td {border-bottom: 1px solid #ffffff!important;}
.ccs-ds-extendedSpec-header { border-bottom: 1px solid #ffffff!important;}
.price-info>div:nth-child(odd) {  background: #F3F4F6;}

.ag-breadcrumbs { margin-left: -20px; margin-top: -10px; }

.es-filters-wrapper { box-shadow: none!important; background-color: #f4f4f4; }
.medium-uncollapse>.column, .medium-uncollapse>.columns {
    padding-left: 0px!important; }
/* =====================================
			Footer Styles
===================================== */


/* wrap */
.footer {
    background-color: #ffffff;
    color: #474747;
    margin-top: 16px;
    max-width: 100%;
    height: auto;
    display: inline-block;
}

#own-footer-wrapper {
    width: 100%;
    background-color: #1A4E64;
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
}
#own-footer-wrapper .column {
    float: left;
    width: 25%;
    padding-top: 10px;
    padding-bottom: 10px;
    
font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-web
kit-text-size-adjust:100%;
}

#own-footer-wrapper .row:after {
    content: "";
    display: table;
    clear: both;
}